/* 纵向布局 */
.c-column {
  display: flex;
  flex-direction: column;
}

/* 横向布局 */
.c-row {
  display: flex;
  flex-direction: row;
}

/* 横向布局 元素靠左*/
.c-row-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* 横向布局 元素靠右*/
.c-row-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/* 横向布局 元素居中*/
.c-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* 横向布局 元素两端对齐*/
.c-row-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* 横向布局 元素两端有空隙*/
.c-row-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/* 纵向布局 元素靠上 */
.c-column-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* 纵向布局 元素靠下*/
.c-column-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/* 纵向布局 元素居中*/
.c-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 纵向布局 元素两端对齐*/
.c-column-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 最大高度为50 */
.c-max-h50 {
  height: 50vh;
}

/* 最大宽度为50 */
.c-max-w50 {
  width: 50vw;
}

/* 交叉轴居上*/
.c-ai-top {
  align-items: flex-start;
}

/* 交叉轴居下*/
.c-ai-bottom {
  align-items: flex-end;
}

/* 交叉轴居中*/
.c-ai-center {
  align-items: center;
}

/* 外边距*/
.c-m {
  margin: 10px;
}

/* 上外边距*/
.c-mt {
  margin-top: 10px;
}

/* 下外边距*/
.c-mb {
  margin-bottom: 10px;
}

/* 左外边距*/
.c-ml {
  margin-left: 10px;
}

/* 右外边距*/
.c-mr {
  margin-right: 10px;
}

/* 内边距*/
.c-p {
  padding: 10px;
}

/* 上内边距*/
.c-pt {
  padding-top: 10px;
}

/* 下内边距*/
.c-pb {
  padding-bottom: 10px;
}

/* 左内边距*/
.c-pl {
  padding-left: 10px;
}

/* 右内边距*/
.c-pr {
  padding-right: 20px;
}

/* 外边距20*/
.c-m20 {
  margin: 20px;
}

/* 上外边距20*/
.c-mt20 {
  margin-top: 20px;
}

/* 下外边距20*/
.c-mb20 {
  margin-bottom: 20px;
}

/* 左外边距20*/
.c-ml20 {
  margin-left: 20px;
}

/* 右外边距20*/
.c-mr20 {
  margin-right: 20px;
}

/* 内边距20*/
.c-p20 {
  padding: 20px;
}

/* 上内边距20*/
.c-pt20 {
  padding-top: 20px;
}

/* 下内边距20*/
.c-pb20 {
  padding-bottom: 20px;
}

/* 左内边距20*/
.c-pl20 {
  padding-left: 20px;
}

/* 右内边距20*/
.c-pr20 {
  padding-right: 20px;
}

/* 不换行*/
.c-nowrap {
  white-space: nowrap;
}

/**
*填充剩下的屏幕(高度)
*/
.c-filling {
  height: 10px;
  flex-grow: 1;
}

/**
*填充剩下的屏幕(宽度)
*/
.c-filling-w {
  width: 10px;
  flex-grow: 1;
}
/* 内容超出1行后出现省略号*/
.c-ellipsis1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* 内容超出2行后出现省略号*/
.c-ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* flex元素溢出换行*/
.c-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

/* 文本溢出换行*/
.c-txt-wrap {
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}

/* 元素溢出出现滚动条*/
.c-overflow {
  overflow: auto !important;
}

/* 吸顶 */
.c-suctionTop {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

/* 边框 */
.c-border {
  border: solid 0.8px #e8e8e8;
  /* box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px; */
}

/* 禁止选中 */
.c-no_select {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 禁止拖拽 */
.c-no_drop {
  cursor: default;
  pointer-events: none;
}

/* 圆角边框 */
.c-border-radius {
  border-radius: 5px;
}

/* 子元素圆角边框 */
.c-z-border-radius>* {
  border-radius: 5px;
}

/* 下边框阴影 */
.c-border-bottom {

  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
}

/* 文本右对齐 */
.c-ta-right {
  text-align: right;
}

/* 滚动条美化start */
.c-beautiful_scroll {
  overflow: auto !important;
  overflow: overlay !important;
}

.c-beautiful_scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.c-beautiful_scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(221,222,224,0.4);
}

.c-beautiful_scroll::-webkit-scrollbar-track {
  border-radius: 10;
}

/* 滚动条美化end */

/* 滚动条美化（鼠标悬浮显示）start */
.c-beautiful_scroll_hover {
  overflow: hidden !important;
}

.c-beautiful_scroll_hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.c-beautiful_scroll_hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(221,222,224,0.4);
}

.c-beautiful_scroll_hover::-webkit-scrollbar-track {
  border-radius: 10;

}

.c-beautiful_scroll_hover:hover {
  overflow: auto !important;
  overflow: overlay !important;
}

/* 滚动条美化end */


/* 宽100百分比*/
.c-w-0 {
  width: 0
}

.c-w-1 {
  width: 1%;
}

.c-w-2 {
  width: 2%;
}

.c-w-3 {
  width: 3%;
}

.c-w-4 {
  width: 4%;
}

.c-w-5 {
  width: 5%;
}

.c-w-6 {
  width: 6%;
}

.c-w-7 {
  width: 7%;
}

.c-w-8 {
  width: 8%;
}

.c-w-9 {
  width: 9%;
}

.c-w-10 {
  width: 10%;
}

.c-w-11 {
  width: 11%;
}

.c-w-12 {
  width: 12%;
}

.c-w-13 {
  width: 13%;
}

.c-w-14 {
  width: 14%;
}

.c-w-15 {
  width: 15%;
}

.c-w-16 {
  width: 16%;
}

.c-w-17 {
  width: 17%;
}

.c-w-18 {
  width: 18%;
}

.c-w-19 {
  width: 19%;
}

.c-w-20 {
  width: 20%;
}

.c-w-21 {
  width: 21%;
}

.c-w-22 {
  width: 22%;
}

.c-w-23 {
  width: 23%;
}

.c-w-24 {
  width: 24%;
}

.c-w-25 {
  width: 25%;
}

.c-w-26 {
  width: 26%;
}

.c-w-27 {
  width: 27%;
}

.c-w-28 {
  width: 28%;
}

.c-w-29 {
  width: 29%;
}

.c-w-30 {
  width: 30%;
}

.c-w-31 {
  width: 31%;
}

.c-w-32 {
  width: 32%;
}

.c-w-33 {
  width: 33%;
}

.c-w-34 {
  width: 34%;
}

.c-w-35 {
  width: 35%;
}

.c-w-36 {
  width: 36%;
}

.c-w-37 {
  width: 37%;
}

.c-w-38 {
  width: 38%;
}

.c-w-39 {
  width: 39%;
}

.c-w-40 {
  width: 40%;
}

.c-w-41 {
  width: 41%;
}

.c-w-42 {
  width: 42%;
}

.c-w-43 {
  width: 43%;
}

.c-w-44 {
  width: 44%;
}

.c-w-45 {
  width: 45%;
}

.c-w-46 {
  width: 46%;
}

.c-w-47 {
  width: 47%;
}

.c-w-48 {
  width: 48%;
}

.c-w-49 {
  width: 49%;
}

.c-w-50 {
  width: 50%;
}

.c-w-51 {
  width: 51%;
}

.c-w-52 {
  width: 52%;
}

.c-w-53 {
  width: 53%;
}

.c-w-54 {
  width: 54%;
}

.c-w-55 {
  width: 55%;
}

.c-w-56 {
  width: 56%;
}

.c-w-57 {
  width: 57%;
}

.c-w-58 {
  width: 58%;
}

.c-w-59 {
  width: 59%;
}

.c-w-60 {
  width: 60%;
}

.c-w-61 {
  width: 61%;
}

.c-w-62 {
  width: 62%;
}

.c-w-63 {
  width: 63%;
}

.c-w-64 {
  width: 64%;
}

.c-w-65 {
  width: 65%;
}

.c-w-66 {
  width: 66%;
}

.c-w-67 {
  width: 67%;
}

.c-w-68 {
  width: 68%;
}

.c-w-69 {
  width: 69%;
}

.c-w-70 {
  width: 70%;
}

.c-w-71 {
  width: 71%;
}

.c-w-72 {
  width: 72%;
}

.c-w-73 {
  width: 73%;
}

.c-w-74 {
  width: 74%;
}

.c-w-75 {
  width: 75%;
}

.c-w-76 {
  width: 76%;
}

.c-w-77 {
  width: 77%;
}

.c-w-78 {
  width: 78%;
}

.c-w-79 {
  width: 79%;
}

.c-w-80 {
  width: 80%;
}

.c-w-81 {
  width: 81%;
}

.c-w-82 {
  width: 82%;
}

.c-w-83 {
  width: 83%;
}

.c-w-84 {
  width: 84%;
}

.c-w-85 {
  width: 85%;
}

.c-w-86 {
  width: 86%;
}

.c-w-87 {
  width: 87%;
}

.c-w-88 {
  width: 88%;
}

.c-w-89 {
  width: 89%;
}

.c-w-90 {
  width: 90%;
}

.c-w-91 {
  width: 91%;
}

.c-w-92 {
  width: 92%;
}

.c-w-93 {
  width: 93%;
}

.c-w-94 {
  width: 94%;
}

.c-w-95 {
  width: 95%;
}

.c-w-96 {
  width: 96%;
}

.c-w-97 {
  width: 97%;
}

.c-w-98 {
  width: 98%;
}

.c-w-99 {
  width: 99%;
}

.c-w-100 {
  width: 100%;
}

/* 高100百分比*/
.c-h-0 {
  height: 0
}

.c-h-1 {
  height: 1%;
}

.c-h-2 {
  height: 2%;
}

.c-h-3 {
  height: 3%;
}

.c-h-4 {
  height: 4%;
}

.c-h-5 {
  height: 5%;
}

.c-h-6 {
  height: 6%;
}

.c-h-7 {
  height: 7%;
}

.c-h-8 {
  height: 8%;
}

.c-h-9 {
  height: 9%;
}

.c-h-10 {
  height: 10%;
}

.c-h-11 {
  height: 11%;
}

.c-h-12 {
  height: 12%;
}

.c-h-13 {
  height: 13%;
}

.c-h-14 {
  height: 14%;
}

.c-h-15 {
  height: 15%;
}

.c-h-16 {
  height: 16%;
}

.c-h-17 {
  height: 17%;
}

.c-h-18 {
  height: 18%;
}

.c-h-19 {
  height: 19%;
}

.c-h-20 {
  height: 20%;
}

.c-h-21 {
  height: 21%;
}

.c-h-22 {
  height: 22%;
}

.c-h-23 {
  height: 23%;
}

.c-h-24 {
  height: 24%;
}

.c-h-25 {
  height: 25%;
}

.c-h-26 {
  height: 26%;
}

.c-h-27 {
  height: 27%;
}

.c-h-28 {
  height: 28%;
}

.c-h-29 {
  height: 29%;
}

.c-h-30 {
  height: 30%;
}

.c-h-31 {
  height: 31%;
}

.c-h-32 {
  height: 32%;
}

.c-h-33 {
  height: 33%;
}

.c-h-34 {
  height: 34%;
}

.c-h-35 {
  height: 35%;
}

.c-h-36 {
  height: 36%;
}

.c-h-37 {
  height: 37%;
}

.c-h-38 {
  height: 38%;
}

.c-h-39 {
  height: 39%;
}

.c-h-40 {
  height: 40%;
}

.c-h-41 {
  height: 41%;
}

.c-h-42 {
  height: 42%;
}

.c-h-43 {
  height: 43%;
}

.c-h-44 {
  height: 44%;
}

.c-h-45 {
  height: 45%;
}

.c-h-46 {
  height: 46%;
}

.c-h-47 {
  height: 47%;
}

.c-h-48 {
  height: 48%;
}

.c-h-49 {
  height: 49%;
}

.c-h-50 {
  height: 50%;
}

.c-h-51 {
  height: 51%;
}

.c-h-52 {
  height: 52%;
}

.c-h-53 {
  height: 53%;
}

.c-h-54 {
  height: 54%;
}

.c-h-55 {
  height: 55%;
}

.c-h-56 {
  height: 56%;
}

.c-h-57 {
  height: 57%;
}

.c-h-58 {
  height: 58%;
}

.c-h-59 {
  height: 59%;
}

.c-h-60 {
  height: 60%;
}

.c-h-61 {
  height: 61%;
}

.c-h-62 {
  height: 62%;
}

.c-h-63 {
  height: 63%;
}

.c-h-64 {
  height: 64%;
}

.c-h-65 {
  height: 65%;
}

.c-h-66 {
  height: 66%;
}

.c-h-67 {
  height: 67%;
}

.c-h-68 {
  height: 68%;
}

.c-h-69 {
  height: 69%;
}

.c-h-70 {
  height: 70%;
}

.c-h-71 {
  height: 71%;
}

.c-h-72 {
  height: 72%;
}

.c-h-73 {
  height: 73%;
}

.c-h-74 {
  height: 74%;
}

.c-h-75 {
  height: 75%;
}

.c-h-76 {
  height: 76%;
}

.c-h-77 {
  height: 77%;
}

.c-h-78 {
  height: 78%;
}

.c-h-79 {
  height: 79%;
}

.c-h-80 {
  height: 80%;
}

.c-h-81 {
  height: 81%;
}

.c-h-82 {
  height: 82%;
}

.c-h-83 {
  height: 83%;
}

.c-h-84 {
  height: 84%;
}

.c-h-85 {
  height: 85%;
}

.c-h-86 {
  height: 86%;
}

.c-h-87 {
  height: 87%;
}

.c-h-88 {
  height: 88%;
}

.c-h-89 {
  height: 89%;
}

.c-h-90 {
  height: 90%;
}

.c-h-91 {
  height: 91%;
}

.c-h-92 {
  height: 92%;
}

.c-h-93 {
  height: 93%;
}

.c-h-94 {
  height: 94%;
}

.c-h-95 {
  height: 95%;
}

.c-h-96 {
  height: 96%;
}

.c-h-97 {
  height: 97%;
}

.c-h-98 {
  height: 98%;
}

.c-h-99 {
  height: 99%;
}

.c-h-100 {
  height: 100%;
}

.c-w-h-100 {
  height: 100%;
  width: 100%;
}

.c-z-w-100>* {
  width: 100%;
}

.c-z-w-99>* {
  width: 99%;
}

.c-z-w-98>* {
  width: 98%;
}

.c-z-w-97>* {
  width: 97%;
}

.c-z-w-96>* {
  width: 96%;
}

.c-z-w-95>* {
  width: 95%;
}

.c-z-w-94>* {
  width: 94%;
}

.c-z-w-93>* {
  width: 93%;
}

.c-z-w-92>* {
  width: 92%;
}

.c-z-w-91>* {
  width: 91%;
}

.c-z-w-90>* {
  width: 90%;
}

.c-z-h-100>* {
  height: 100%;
}

.c-z-h-99>* {
  height: 99%;
}

.c-z-h-98>* {
  height: 98%;
}

.c-z-h-97>* {
  height: 97%;
}

.c-z-h-96>* {
  height: 96%;
}

.c-z-h-95>* {
  height: 95%;
}

.c-z-h-94>* {
  height: 94%;
}

.c-z-h-93>* {
  height: 93%;
}

.c-z-h-92>* {
  height: 92%;
}

.c-z-h-91>* {
  height: 91%;
}

.c-z-h-90>* {
  height: 90%;
}
/* 24栅格 */
.c-col-0 {
    width: 0%;
    overflow: hidden;
  }

  .c-col-1 {
    width: 4.16666667%;
  }

  .c-col-2 {
    width: 8.333333333%;
  }

  .c-col-3 {
    width: 12.5%;
  }

  .c-col-4 {
    width: 16.66666667%;
  }

  .c-col-5 {
    width: 20.83333333%;
  }

  .c-col-6 {
    width: 25%;
  }

  .c-col-7 {
    width: 29.16666667%;
  }

  .c-col-8 {
    width: 33.33333333%;
  }

  .c-col-9 {
    width: 37.5%;
  }

  .c-col-10 {
    width: 41.66666667%;
  }

  .c-col-11 {
    width: 45.83333333%;
  }

  .c-col-12 {
    width: 50%;
  }

  .c-col-13 {
    width: 54.16666667%;
  }

  .c-col-14 {
    width: 58.33333333%;
  }

  .c-col-15 {
    width: 62.5%;
  }

  .c-col-16 {
    width: 66.66666667%;
  }

  .c-col-17 {
    width: 70.83333333%;
  }

  .c-col-18 {
    width: 75%;
  }

  .c-col-19 {
    width: 71.16666667%;
  }

  .c-col-20 {
    width: 83.33333333%;
  }

  .c-col-21 {
    width: 87.5%;
  }

  .c-col-22 {
    width: 91.66666667%;
  }

  .c-col-23 {
    width: 95.83333333%;
  }

  .c-col-24 {
    width: 100%;
  }